<!DOCTYPE HTML>
<html lang="zh-CN">

<head>
	<meta charset="utf-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<meta name="viewport"
		content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" />
	<meta name="x5-fullscreen" content="true" />
	<meta name="full-screen" content="yes" />
	<meta name="keywords" content="济南便民港城市服务" />
	<meta name="description" content="济南便民港城市服务" />
	<link rel="stylesheet" type="text/css" href="static/css/common.css" />
	<title>济南办事指南-济南便民港</title>
	<!-- // 引入对应包 -->
	<script src="static/js/jweixin-1.6.0.js"></script>
	
</head>
<style>

	.indexBox .city-block__col-md-3 {
    width: 25%;
    display: block;
    float: left;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    letter-spacing: normal;
    word-spacing: normal;
}
.indexBox .city-block__col-md-3:after {
    border-bottom: 1px solid #ddd;
    content: ' ';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.indexBox .city-block__item {
    margin: 15px 0;
    padding: 0 1px 0 12px;
    line-height: 1em;
    font-size: 16px;
    color: #464646;
    text-align: center;
	display: block;
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; */

}
.indexBox .city-block__item :last-child{
    display: block;
}
.indexBox .city-block__col-md-3:nth-child(odd) .city-block__item:before {
    /* border-right: 1px solid #ddd; */
    content: ' ';
    display: block;
    height: 16px;
    width: 1px;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -7px;
}
.indexBox .qcsh .city-block__item:before {
    border: 0!important;
}
.indexBox .qcsh .city-block__col-md-3{
    border: 0!important;
}
.indexBox .city-block__col-md-3:after {
    border-bottom: 1px solid #ddd;
    content: ' ';
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}
.indexBox .city-block__item-img {
    height: 34px;
    width: 34px;
    display: block!important;
    margin: 0 auto;
    vertical-align: top;
    background-size: 100% 100%;
    font-size: 0;
}
.indexBox .city-block__item-name {
    display: block!important;
    -webkit-box-flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
    height: auto;
    line-height: 1.4375;
    margin-top: 10px;
}
</style>
<body class="indexBox">
	<nav class="breadcrumb1" onclick="closePage()" style="display: none;">
		<span>济南便民港</span>
	</nav>
	<div id="main_content">

		<section class="city-block">
			<div class="city-block__header">
				<a> <span class="city-block__title"> <span>热门办事</span>
					</span>
				</a>
			</div>
			<div class="city-block__row">
				<a class="city-block__col-md-3" href="/jnbend/22227.html">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/2024407090600_25820.png);"></span><span
							class="city-block__item-name">租房补贴</span>
					</div>
				</a>
				<a class="city-block__col-md-3" href="/jnbend/22360.html">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20210630155553_32381.png);"></span><span
							class="city-block__item-name">购房补贴</span>
					</div>
				</a>
				<a class="city-block__col-md-3" href="/jnbend/22406.html">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/2024226162942_33648.png);"></span><span
							class="city-block__item-name">生活补贴</span>
					</div>
				</a>
				<a class="city-block__col-md-3" href="/jnbend/27820.html">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/2024407090736_95376.png);"></span><span
							class="city-block__item-name">济南中考查分</span>
					</div>
				</a>
				<a class="city-block__col-md-3" href="/jnbend/22744.html">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/2024226162942_33648.png);"></span><span
							class="city-block__item-name">灵活就业社会保险补贴</span>
					</div>
				</a>
				<a class="city-block__col-md-3" href="/jnbend/2175.html">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20180322132401_70986.png);"></span><span
							class="city-block__item-name">公积金</span>
					</div>
				</a>
				<a class="city-block__col-md-3 qcsh" >
					<div class="city-block__item">
						<wx-open-launch-weapp id="launch-btn" username="gh_daec6c246802" path="pages/Tabblock/uni_Home">
							<template>
							  <style>.btn {
								width: 100% !important;
								height: 80px!important;
								padding: 0 !important;
								font-size: 16px !important;
								background-color: none !important;
								text-align: center !important;
								border: 0;
								color: #434242 !important;
							  }</style>
							  <div class="btn" ><img style=" height: 40px; width: 40px; margin:0 auto;" src="https://web.jngkxx.top/jnbend/static/picture/20160907153434_26521.png" /> <div class="city-block__item-name" style="margin-top: -1.5px;">泉城生活派</div></div>
							</template>
						  </wx-open-launch-weapp>
					</div>
				</a>
			</div>
		</section>
		<section class="city-block">

			<div class="city-block__header">
				<a href="/jnbend/weixin/csfw/?controller=home.Index&amp;action=classlist&amp;classid=0"> <span
						class="city-block__title"> <span>政务办事</span>
					</span>
				</a>
			</div>
			<div class="city-block__row">
				<a class="city-block__col-md-3" href="/jnbend/22444.html">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20180606114639_81285.png);"></span><span
							class="city-block__item-name">补贴申请</span>
					</div>
				</a>
				<a class="city-block__col-md-3" href="/jnbend/2180.html">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20180606114639_81285.png);"></span><span
							class="city-block__item-name">社会保险</span>
					</div>
				</a>
				<a class="city-block__col-md-3" href="/jnbend/2175.html">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20180322132401_70986.png);"></span><span
							class="city-block__item-name">公积金</span>
					</div>
				</a>
				<a class="city-block__col-md-3" href="/jnbend/2218.html">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20180322132925_12100.png);"></span><span
							class="city-block__item-name">居住证</span>
					</div>
				</a>
			</div>
		</section>
		<!-- 便民服务 -->
		<section class="city-block qcsh" style="display: none;">

			<div class="city-block__header">
				<a href="/jnbend/weixin/csfw/?controller=home.Index&amp;action=classlist&amp;classid=0"> <span
						class="city-block__title"> <span>便民服务</span>
					</span>
				</a>
			</div>
			<div class="city-block__row">
				<a class="city-block__col-md-3" onclick="openQcsh()">
					<div class="city-block__item">
						<wx-open-launch-weapp id="launch-btn" username="gh_daec6c246802" path="pages/Tabblock/uni_Home">
							<template>
							  <style>.btn {
								width: 100% !important;
								height: 80px!important;
								padding: 0 !important;
								font-size: 16px !important;
								background-color: none !important;
								text-align: center !important;
								border: 0;
								color: #434242 !important;
							  }</style>
							  <div class="btn" ><img style=" height: 40px; width: 40px; margin:0 auto;" src="https://web.jngkxx.top/jnbend/static/picture/20160907153434_26521.png" /> <div class="city-block__item-name" style="margin-top: -1.5px;;">泉城生活派</div></div>
							</template>
						  </wx-open-launch-weapp>
					</div>
				</a>
			</div>
		</section>
		<section class="city-block">

			<div class="city-block__header">
				<a href="/jnbend/weixin/csfw/?controller=home.Index&amp;action=classlist&amp;classid=1"> <span
						class="city-block__title"> <span>交通出行</span>
					</span>
				</a>
			</div>
			<div class="city-block__row">
				<a class="city-block__col-md-3" href="/jnbend/2225.html">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20180627143536_91517.png);"></span><span
							class="city-block__item-name">济南公交</span>
					</div>
				</a>
				<a class="city-block__col-md-3" href="https://h5.hsort.net/TNA?spm=1.32.1">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20180627143645_92520.png);"></span><span
							class="city-block__item-name">济南机场</span>
					</div>
				</a>
				<a class="city-block__col-md-3" href="https://wx.17u.cn/bus/?refid=2000173614#/">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20210630160712_71112.png);"></span><span
							class="city-block__item-name">汽车票购票</span>
					</div>
				</a>
				<a class="city-block__col-md-3"
					href="https://96659.sdhsg.com/front/?continueFlag=35147bdecc08d428174ff3bc144b6028#/eMap">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20180627143234_75367.png);"></span><span
							class="city-block__item-name">山东高速</span>
					</div>
				</a>
				<a class="city-block__col-md-3" href="https://mp.weixin.qq.com/s/g6OzGrmNJSydbEU0OF50pw">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20180919141806_36068.png);"></span><span
							class="city-block__item-name">济南停车</span>
					</div>
				</a>
				<a class="city-block__col-md-3" href="https://m.ly.com/ft/touch/index?refid=2000175997">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20210630154049_93131.png);"></span><span
							class="city-block__item-name">特价机票购买</span>
					</div>
				</a>
			</div>
		</section>
		<section class="city-block">

			<div class="city-block__header">
				<a href="/jnbend/weixin/csfw/?controller=home.Index&amp;action=classlist&amp;classid=5"> <span
						class="city-block__title"> <span>教育办事</span>
					</span>
				</a>
			</div>
			<div class="city-block__row">
				<a class="city-block__col-md-3" href="/jnbend/27820.html">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/2024407090736_95376.png);"></span><span
							class="city-block__item-name">济南中考查分</span>
					</div>
				</a>
				<a class="city-block__col-md-3" href="/jnbend/8490.html">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20180608105929_77397.png);"></span><span
							class="city-block__item-name">济南高考</span>
					</div>
				</a>
			</div>
		</section>
		<section class="city-block">

			<div class="city-block__header">
				<a href="/jnbend/weixin/csfw/?controller=home.Index&amp;action=classlist&amp;classid=2"> <span
						class="city-block__title"> <span>车辆服务</span>
					</span>
				</a>
			</div>
			<div class="city-block__row">
				<a class="city-block__col-md-3" href="https://sd.122.gov.cn/#/querySource">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20180627142416_32652.png);"></span><span
							class="city-block__item-name">违章查询</span>
					</div>
				</a>
				<a class="city-block__col-md-3" href="/jnbend/youjiachaxun.html">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20210630160712_71112.png);"></span><span
							class="city-block__item-name">油价查询</span>
					</div>
				</a>
				<a class="city-block__col-md-3" href="/jnbend/2313.html">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20180627142431_75404.png);"></span><span
							class="city-block__item-name">驾驶证</span>
					</div>
				</a>

				<a class="city-block__col-md-3" href="http://motuoche.sdbx.org:8088/motorins/ywxz">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20180627142431_75404.png);"></span><span
							class="city-block__item-name">摩托车线上投保平台</span>
					</div>
				</a>

			</div>
		</section>
		<section class="city-block">

			<div class="city-block__header">
				<a href="/jnbend/weixin/csfw/?controller=home.Index&amp;action=classlist&amp;classid=3"> <span
						class="city-block__title"> <span>民生服务</span>
					</span>
				</a>
			</div>
			<div class="city-block__row">
				<a class="city-block__col-md-3" href="https://app.jinan.gov.cn/FJ_ZHJK/">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20180627145918_50736.png);"></span><span
							class="city-block__item-name">天气查询</span>
					</div>
				</a>
				<a class="city-block__col-md-3"
					href="https://m.kuaidi100.com/index.jsp?openid=ofaKJv7z_C603vK-zDpAmpgpykoo">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20180627150034_69311.png);"></span><span
							class="city-block__item-name">快递查询</span>
					</div>
				</a>
				<a class="city-block__col-md-3" href="/jnbend/2272.html">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20180627145825_67320.png);"></span><span
							class="city-block__item-name">电力服务</span>
					</div>
				</a>
				<a class="city-block__col-md-3" href="/jnbend/2277.html">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20180627145648_68693.png);"></span><span
							class="city-block__item-name">水务服务</span>
					</div>
				</a>
				<a class="city-block__col-md-3" href="/jnbend/2283.html">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20180627145355_62476.png);"></span><span
							class="city-block__item-name">热力服务</span>
					</div>
				</a>
				<a class="city-block__col-md-3" href="/jnbend/2288.html">
					<div class="city-block__item">
						<span class="city-block__item-img"
							style="background-image: url(static/images/20180627145043_71015.png);"></span><span
							class="city-block__item-name">发票服务</span>
					</div>
				</a>
			</div>
		</section>
	</div>

	<style>
		#main_content {
			padding-bottom: 60px;
		}

		.weui-mask {
			position: fixed;
			z-index: 1000;
			top: 0;
			right: 0;
			left: 0;
			bottom: 0;
			background: rgba(0, 0, 0, 0.6);
		}

		.weui-dialog {
			position: fixed;
			z-index: 5000;
			width: 80%;
			max-width: 300px;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
			background-color: #FFFFFF;
			text-align: center;
			border-radius: 3px;
			overflow: hidden;
		}

		.weui-dialog__hd {
			padding: 1.3em 1.6em 0.5em;
		}

		.weui-dialog__title {
			font-weight: 400;
			font-size: 18px;
		}

		.weui-dialog__bd {
			padding: 0 1.6em 0.8em;
			min-height: 40px;
			font-size: 15px;
			line-height: 1.3;
			word-wrap: break-word;
			word-break: break-all;
			color: #808080;
		}

		.weui-dialog__bd:first-child {
			padding: 2.7em 20px 1.7em;
			color: #353535;
		}

		.weui-dialog__ft {
			position: relative;
			line-height: 48px;
			font-size: 18px;
			display: -webkit-box;
			display: -webkit-flex;
			display: flex;
		}

		.weui-dialog__ft:after {
			content: " ";
			position: absolute;
			left: 0;
			top: 0;
			right: 0;
			height: 1px;
			border-top: 1px solid #D5D5D6;
			color: #D5D5D6;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;
			-webkit-transform: scaleY(0.5);
			transform: scaleY(0.5);
		}

		.weui-dialog__btn {
			display: block;
			-webkit-box-flex: 1;
			-webkit-flex: 1;
			flex: 1;
			color: #09BB07;
			text-decoration: none;
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
			position: relative;
		}

		.weui-dialog__btn:active {
			background-color: #EEEEEE;
		}

		.weui-dialog__btn:after {
			content: " ";
			position: absolute;
			left: 0;
			top: 0;
			width: 1px;
			bottom: 0;
			border-left: 1px solid #D5D5D6;
			color: #D5D5D6;
			-webkit-transform-origin: 0 0;
			transform-origin: 0 0;
			-webkit-transform: scaleX(0.5);
			transform: scaleX(0.5);
		}

		.weui-dialog__btn:first-child:after {
			display: none;
		}

		.weui-dialog__btn_default {
			color: #353535;
		}

		.weui-dialog__btn_primary {
			color: #09BB07;
		}
	</style>

	<footer class="m-footer" style=" background-image:none;padding-top:0;">
		<div class="m-footer__logo" style="margin:2px 10px 2px 10px; height:60px;"
			onClick="document.getElementById('js_dialog').style.display='block';">
			<img src="static/picture/20160907153434_26521.png" width="60" style="float:left">
			<div style="float:left;line-height:60px; font-size:16px;padding-left:8px;">济南便民港</div>
			<div onclick="ztcount('微信办事','关注','csfw');"
				style=" width:150px; height:46px; background:#f60; color:#fff; float:right; line-height:46px; font-size:16px; margin-top:7px;">
				关注</div>
		</div>
	</footer>


	<div id="js_dialog" style="display: none;">
		<div class="weui-mask"></div>
		<div class="weui-dialog">
			<div class="weui-dialog__bd"
				style="max-height:300px; overflow-y: scroll; overflow-x: hidden;text-align: center;">
				<img src="static/picture/20160907153435_30034.png" width="100%">
				<Br>
				长按二维码，关注济南便民港
			</div>
			<div class="weui-dialog__ft">
				<a href="javascript:;" onClick="document.getElementById('js_dialog').style.display='none';"
					class="weui-dialog__btn weui-dialog__btn_primary">关闭</a>
			</div>
		</div>
	</div>
	<script src="static/js/58234cc5f086466f9ca423887dc0d586.js"></script>


	<script>
		(function () {
			var bp = document.createElement('script');
			bp.src = '//push.zhanzhang.baidu.com/push.js';
			var s = document.getElementsByTagName("script")[0];
			s.parentNode.insertBefore(bp, s);
		})();
	</script>

	<script>
		// 判断为H5的时候当前是电脑端还是手机端
		function IsPC() {
			var ua = window.navigator.userAgent.toLowerCase();
			console.log('ua------------>', ua);//mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, like gecko)version/9.0 mobile/13b143 safari/601.1
			if (ua.match(/MicroMessenger/i) == 'micromessenger') {
				return true;
			} else {
				return false;
			}
		}
		$(function () {
			wx.miniProgram.getEnv(function (res) {
				console.log('---miniprogram-----', res.miniprogram) // true
				if (res.miniprogram) {
					$('.m-footer').hide()
					$('.breadcrumb1').show()
				} else {
					$('.m-footer').show()
					$('.breadcrumb1').hide()

				}
			})
		})
		if (IsPC()) {
			$('.qcsh').show()

		} else {
			$('.qcsh').hide()
		}

		function openQcsh() { 
			// 调用示例
			jumpToMiniProgram('wxb5c830f85f59ebb8', '/pages/Tabblock/uni_Home');
		}
		function closePage() {
			wx.miniProgram.reLaunch({
				url: '/pages/Tabblock/uni_Home', //小程序必须有该目录
				success() {
					console.log("跳转成功");
				},
				fail(err) {
					console.log('跳转失败', err)
				},
				complete() {
					console.log("执行");
				}
			})

		}
		// 在需要跳转到小程序的地方调用此函数
function jumpToMiniProgram(appId, path) {
	console.log('wx------',wx)
	wx.miniProgram.navigateTo({
		appId:appId,
		url: path
	})
//   wx.navigateToMiniProgram({
//     appId: appId, // 小程序的appid
//     path: path, // 打开的页面路径，若为空则打开首页
//     extraData: {
//       // 需要传递给小程序的数据，可选
//     },
//     success(res) {
//       // 打开成功的回调，可选
//       console.log('跳转成功');
//     },
//     fail(err) {
//       // 打开失败的回调，可选
//       console.error('跳转失败', err);
//     }
//   });
}

	</script>


	<!--share-->
	<!-- <script src="static/js/mip.js"></script>
	<script src="static/js/mip-share.js"></script> -->
	
	<script>
		$.ajax({
			type: "get",
			url: "https://qcsh.jngkxx.top/wx/wechatshare/getsignature",
			dataType: 'json',
			data: {
				urls: window.location.href
			},
			success: function (res) {
				const { data } = res
				share(data)
			}
		});

		function share(data) {
			wx.config({
				debug: false,
				appId: data.appId,
				timestamp: data.timestamp,
				nonceStr: data.nonceStr,
				signature: data.signature,
				jsApiList: ['checkJsApi', 'onMenuShareAppMessage', 'onMenuShareTimeline','chooseImage', 'previewImage'],
				openTagList:['wx-open-launch-weapp'], // 填入打开小程序的开放标签名

			});

			wx.ready(function () {
				wx.onMenuShareAppMessage({
					title: '济南办事指南-济南便民港',
					desc: '热门办事、政府办事、交通出行、教育办事、车辆服务、民生服务等便民服务',
					link: window.location.href,
					imgUrl: 'https://web.jngkxx.top/jnbend/static/picture/20160907153434_26521.png',
					success: function () {

					}, cancel: function (res) {
						// alert('已取消');
					},
					fail: function (res) {
						console.log('分享失败---------', JSON.stringify(res));
					}
				});

				wx.onMenuShareTimeline({
					title: '济南办事指南-济南便民港',
					desc: '热门办事、政府办事、交通出行、教育办事、车辆服务、民生服务等便民服务',
					link: window.location.href,
					imgUrl: 'https://web.jngkxx.top/jnbend/static/picture/20160907153434_26521.png',
					success: function () {

					}, cancel: function (res) {
						// alert('已取消');
					},
					fail: function (res) {
						console.log('分享失败---------', JSON.stringify(res));
					}
				});

				// 打开小程序
				console.log('config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中')
 
              var btn = document.getElementById('launch-btn');
              btn.addEventListener('launch', function (e) {
                console.log('success');
                // alert('success')
              });
              btn.addEventListener('error', function (e) {
                console.log('fail', e.detail);
                // alert('fail', e.detail)
              });
			});
		}
	</script>



	<script
		type="text/javascript">var _bdhmProtocol = (("https:" == document.location.protocol) ? " https://" : " http://"); document.write(unescape("%3Cscript src='" + _bdhmProtocol + "hm.baidu.com/h.js%3F7a7ed406b526d6d09349609e14dc628c' type='text/javascript'%3E%3C/script%3E"));</script>
	<script>
		var _hmt = _hmt || [];
		(function () {
			var hm = document.createElement("script");
			hm.src = "https://hm.baidu.com/hm.js?601a10fa615284d91bce6d8f16aca13d";
			var s = document.getElementsByTagName("script")[0];
			s.parentNode.insertBefore(hm, s);
		})();
	</script>
</body>

</html>